<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>13颜色</title>
    <style>
        .box1{
            width: 100px;
            height: 100px;
            /* 颜色单位：
                    在css中可以直接用颜色名设置颜色，如：red，blue
                    但是直接使用不太方便表达更复杂的颜色
                    常用的是：RGB值
                    语法：RGB(0,0,0)
                    RGBA:在rgb的基础上加一个透明度，1完全不透明，0完全透明
                    十六进制RGB值：
                        语法：#红色绿色蓝色
                        颜色浓度 00-ff
                        如果颜色两位两位重复可以简写
                        #bbffaa->#bfa
                        但是：#bbffad 这样的不能简写
                    HSL值：
                        H色相（0-360）
                        S饱和度:颜色浓度（0%-100%）
                        L亮度:颜色亮度（0%-100%）
                    HSLA值：同上

                    */
            /* background-color: red; */
            /* background-color:RGB(0,0,0); */
            background-color: rgba(107, 73, 73, 0.644);
        }
    </style>
</head>
<body>
    <div class="box1"></div>
    
</body>
</html>